<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
     <title>摘要详情</title>
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">  
    <link href="css/mui.min.css" rel="stylesheet"/>
    <link href="css/style.css" rel="stylesheet"/>
    <link href="css/iconfont.css" rel="stylesheet"/>
    <style>
    	.mui-table-view>.mui-table-view-cell:first-child{
    		background-color:#EEF9FD !important ;
    	}
    	.mui-content>.mui-table-view:first-child {
		margin-top: 45px;
		}
		.mui-table-view-cell>a:not(.mui-btn){
			white-space:pre-wrap;
		}
		.mui-table-view-chevron .mui-table-view-cell>a:not(.mui-btn){
			margin-right:-100px;
		}
		.mui-pull-right{
			width:50%;
			word-break: break-all;
			word-wrap: break-word;
		}
    </style>
</head>
<body>
	<header id="header" class="mui-bar mui-bar-nav">
		<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
		<h1 class="mui-title">摘要详情</h1>
	</header>
	<div class="mui-content">
	    <ul class="mui-table-view mui-table-view-chevron">
			<li class="mui-table-view-cell">
				<a>订单号<span class="mui-pull-right">A455123-12</span></a>
			</li>
			<li class="mui-table-view-cell">
				<a>订单信息<span class="mui-pull-right">A455123-12</span></a>
			</li>
			<li class="mui-table-view-cell">
				<a>订单信息<span class="mui-pull-right">A455123-12</span></a>
			</li>
			<li class="mui-table-view-cell">
				<a>订单信息<span class="mui-pull-right">A455123-12</span></a>
			</li>
			<li class="mui-table-view-cell">
				<a>订单信息<span class="mui-pull-right">A455123-12A455123-12A455123-12A455123-12</span></a>
			</li>
		</ul>
	</div>
	<script src="js/mui.min.js"></script>
	<script type="text/javascript" charset="UTF-8">
      	mui.init();
    </script>
</body>
</html>